/**
 * @file 创建一个iframe 小工具函数
 *
 *
 */
class Bridge {
  // 每个页面都有一个唯一的id
  createView(id) {
    return new Promise(resolve => {
      let iframe = document.createElement('iframe');
      iframe.id = id;
      iframe.src = './view.html';
      iframe.className = 'view';
      iframe.onload = () => resolve(iframe);
      document.body.appendChild(iframe);
    })
  }

  /**
   * 逻辑层向视图层发消息
   * @params.{string}.[id] -视图的唯一标识
   * @params.{object}.[params]--需要set的数据
   */

  // 视图的唯一识别
  postMessage(id,params) {
    let target = document.querySelector('#'+id);
    console.log(target.contentWindow,'target::contentWINDOW')
    target.contentWindow.postMessage(params);
  }

  onMessage(cb) {
    window.addEventListener('message',(event) => {
      console.log(event,'event::')
      cb && cb(event.data);
    })
  }
}
// 导出
window._bridge = new Bridge();